<template>
	<view class="cardwrap">
		<view class="header">
			<view style="display: flex;">
				<view class="icon"></view>
				<view class="title">{{ title }}</view>
			</view>
			<view class="resetBut">
				<slot name="resetBut"></slot>
			</view>
		</view>
		<view class="main">
			<slot name="main"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'index',
		props: {
			title: {
				type: String,
				default: '',
			},
			isSearch: {
				type: Boolean,
				default: false,
			},
		},
	}
</script>

<style scoped lang="scss">
	.cardwrap {
		width: 93%;
		background: #fff;
		margin: 0 auto;
		border-radius: 15px;
		// overflow-y: auto;

		.header {
			padding: 16px 12px 12px 0;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			height: 43px;
			line-height: 15px;

			.icon {
				display: inline-block;
				width: 4px;
				height: 10px;
				background: #144ea2;
				margin-right: 12px;
			}

			.title {
				font-family: MicrosoftYaHei;
				font-size: 16px;
				color: #144ea2;
				text-align: center;
				font-weight: bold;
			}

			.resetBut {}
		}

		.main {
			padding: 0 10px 10px 10px;
		}
	}
</style>